<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>

</head>
<body>




<div class="layui-btn-group layuiadmin-btn-group">
			<button id= "SupendButton-one" class="layui-btn layui-btn-primary layui-btn-xs" href="/depart/list/" onclick="queryTime(1,this)">日报</button>
			<button id= "SupendButton-two" class="layui-btn layui-btn-primary layui-btn-xs" onclick="queryTime(2,this)">月报</button>
			<button id= "SupendButton-three" class="layui-btn layui-btn-primary layui-btn-xs" onclick="queryTime(3,this)">年报</button>
			<button id= "SupendButton-four" class="layui-btn layui-btn-primary layui-btn-xs" onclick="queryTime(4,this)">全部</button>
</div>







</body>


</html>


<script>
function queryTime(i,obj) {
			//清空其它同类按钮选中颜色
	        $('button[id^="SupendButton-"]').css("background-color", "#fff");
	        //点击后变色
	        $(obj).css("background-color", "#01AAED");
	    }

</script>